html {
  font-size: 37.5px;
}

.page {
  position: relative;
  width: 10rem;
  height: 21.654rem;
  overflow: hidden;
}

.box1 {
  height: 21.654rem;
  background: url(/static/lanhu_zuopinzhuanji/SketchPngacf2f6e1f503f9971c4a37de272a72328a403d6079e9022ef6444f2ab4f77184.png)
    0rem 0rem no-repeat;
  background-size: 10.027rem 21.68rem;
  width: 10rem;
}

.mod1 {
  height: 21.654rem;
  background: url(/static/lanhu_zuopinzhuanji/SketchPngcae23de45ca2e6497e1f53ce0f7c5c6ec322f2fbdc4344b4a6051472ae233d9d.png)
    0rem 0rem no-repeat;
  background-size: 17.36rem 21.68rem;
  margin-left: -3.68rem;
  width: 17.334rem;
}

.bd1 {
  height: 39.334rem;
  background: url(/static/lanhu_zuopinzhuanji/SketchPng6a334ab5ac9af59358b586a4ebcdc434943717e3612c01a33b0f6248e7a517d6.png)
    0rem 17.627rem no-repeat;
  background-size: 10.027rem 21.68rem;
  width: 10rem;
  margin: -17.627rem 0 0 3.68rem;
}

.mod2 {
  width: 10rem;
  height: 38.64rem;
}

.mod3 {
  width: 10rem;
  height: 25.387rem;
}

.bd2 {
  width: 9.014rem;
  height: 0.48rem;
  margin: 18rem 0 0 0.587rem;
}

.info1 {
  width: 1.44rem;
  height: 0.48rem;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 0.4rem;
  letter-spacing: -0.30000001192092896px;
  font-family: Helvetica;
  text-align: right;
  white-space: nowrap;
  line-height: 0.48rem;
  display: block;
}

.layer1 {
  width: 0.454rem;
  height: 0.294rem;
  background: url(/static/lanhu_zuopinzhuanji/SketchPnge16031e738670c909303bef50c1840d67be011d1ad4bf32bb1dda7a8240ffc2b.png)
    0rem 0rem no-repeat;
  background-size: 0.48rem 0.294rem;
  margin: 0.107rem 0 0 5.814rem;
}

.layer2 {
  width: 0.4rem;
  height: 0.294rem;
  background: url(/static/lanhu_zuopinzhuanji/SketchPng47442a291f886b86a74ea3899780e8a9f4ef402cce2a63916531e06be95a679a.png)
    0rem 0rem no-repeat;
  background-size: 0.427rem 0.32rem;
  margin: 0.08rem 0 0 0.134rem;
}

.layer3 {
  width: 0.64rem;
  height: 0.294rem;
  background: url(/static/lanhu_zuopinzhuanji/SketchPng9ff878e476ed7e63f35dc46ef8d6d3d3219b7dc0b2d536dd44c1c7dc97abf683.png)
    0rem 0rem no-repeat;
  background-size: 0.694rem 0.347rem;
  margin: 0.08rem 0 0 0.134rem;
}

.bd3 {
  width: 8.347rem;
  height: 0.427rem;
  margin: 1.014rem 0 5.467rem 0.827rem;
}

.group1 {
  width: 0.614rem;
  height: 0.427rem;
  background: url(/static/lanhu_zuopinzhuanji/SketchPng7ca0b5abc1d294a06f71345ab6ae01a11ecf5f3441d506ba22b0a3b44128a246.png)
    0rem 0rem no-repeat;
  background-size: 0.64rem 0.454rem;
}

.group2 {
  width: 0.614rem;
  height: 0.16rem;
  background: url(/static/lanhu_zuopinzhuanji/SketchPng6c54ced08805eab11a7219ed99511c654d996910fec026d46e49103b80dc7ab5.png)
    0rem 0rem no-repeat;
  background-size: 0.667rem 0.187rem;
  margin-top: 0.134rem;
}

.mod4 {
  height: 11.574rem;
  background: url(/static/lanhu_zuopinzhuanji/SketchPngc54c8a1d8c2bb2e27fe8604d40db91bf58625e34ca75fb8505ff30fd5795a6e4.png) -0.614rem -0.027rem
    no-repeat;
  background-size: 9.707rem 12.827rem;
  width: 8.454rem;
  margin: -0.027rem 0 0 0.8rem;
}

.box2 {
  width: 1.92rem;
  height: 0.667rem;
  margin: 0.64rem 0 0 0.64rem;
}

.txt1 {
  width: 1.92rem;
  height: 0.667rem;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 0.48rem;
  text-align: left;
  white-space: nowrap;
  line-height: 0.667rem;
  display: block;
}

.box3 {
  width: 7.174rem;
  height: 1.12rem;
  margin: 0.747rem 0 0 0.48rem;
}

.ImageText1 {
  width: 4.16rem;
  height: 1.12rem;
}

.group3 {
  height: 0.854rem;
  background: url(/static/lanhu_zuopinzhuanji/SketchPng90a190dc1666a025481bcabcd0965228b24270a7f77ddd7055b6fb2a13c00ba6.png)
    0rem 0rem no-repeat;
  background-size: 0.88rem 0.88rem;
  margin-top: 0.107rem;
  width: 0.854rem;
}

.txt2 {
  width: 0.187rem;
  height: 0.4rem;
  overflow-wrap: break-word;
  color: rgba(53, 64, 90, 1);
  font-size: 0.32rem;
  font-family: HelveticaNeue-Medium;
  text-align: right;
  white-space: nowrap;
  line-height: 0.4rem;
  display: block;
  margin: 0.214rem 0 0 0.374rem;
}

.TextGroup1 {
  width: 2.88rem;
  height: 1.12rem;
}

.word1 {
  width: 1.68rem;
  height: 0.587rem;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 0.426rem;
  text-align: left;
  white-space: nowrap;
  line-height: 0.587rem;
  display: block;
}

.word2 {
  width: 2.88rem;
  height: 0.454rem;
  overflow-wrap: break-word;
  color: rgba(147, 147, 147, 1);
  font-size: 0.32rem;
  text-align: left;
  white-space: nowrap;
  line-height: 0.454rem;
  margin-top: 0.08rem;
  display: block;
}

.bd4 {
  width: 0.32rem;
  height: 0.534rem;
  background: url(/static/lanhu_zuopinzhuanji/SketchPng73bc6e840e0f3c721af27422d61126c1a89200cc4124a57f9a4d276d65654d63.png)
    0rem 0rem no-repeat;
  background-size: 0.32rem 0.587rem;
  margin-top: 0.294rem;
}

.box4 {
  width: 7.174rem;
  height: 1.12rem;
  margin: 1.28rem 0 0 0.48rem;
}

.ImageText2 {
  width: 3.654rem;
  height: 1.12rem;
}

.bd5 {
  height: 0.854rem;
  background: url(/static/lanhu_zuopinzhuanji/SketchPng90a190dc1666a025481bcabcd0965228b24270a7f77ddd7055b6fb2a13c00ba6.png)
    0rem 0rem no-repeat;
  background-size: 0.88rem 0.88rem;
  margin-top: 0.107rem;
  width: 0.854rem;
}

.info2 {
  width: 0.187rem;
  height: 0.4rem;
  overflow-wrap: break-word;
  color: rgba(53, 64, 90, 1);
  font-size: 0.32rem;
  font-family: HelveticaNeue-Medium;
  text-align: right;
  white-space: nowrap;
  line-height: 0.4rem;
  display: block;
  margin: 0.214rem 0 0 0.374rem;
}

.TextGroup2 {
  width: 2.374rem;
  height: 1.12rem;
}

.txt3 {
  width: 2.374rem;
  height: 0.587rem;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 0.426rem;
  text-align: left;
  white-space: nowrap;
  line-height: 0.587rem;
  display: block;
}

.word3 {
  width: 1.92rem;
  height: 0.454rem;
  overflow-wrap: break-word;
  color: rgba(147, 147, 147, 1);
  font-size: 0.32rem;
  text-align: left;
  white-space: nowrap;
  line-height: 0.454rem;
  margin-top: 0.08rem;
  display: block;
}

.layer4 {
  width: 0.32rem;
  height: 0.534rem;
  background: url(/static/lanhu_zuopinzhuanji/SketchPng73bc6e840e0f3c721af27422d61126c1a89200cc4124a57f9a4d276d65654d63.png)
    0rem 0rem no-repeat;
  background-size: 0.32rem 0.587rem;
  margin-top: 0.294rem;
}

.box5 {
  width: 7.174rem;
  height: 1.12rem;
  margin: 1.414rem 0 0 0.48rem;
}

.ImageText3 {
  width: 4.934rem;
  height: 1.12rem;
}

.main1 {
  height: 0.854rem;
  background: url(/static/lanhu_zuopinzhuanji/SketchPng90a190dc1666a025481bcabcd0965228b24270a7f77ddd7055b6fb2a13c00ba6.png)
    0rem 0rem no-repeat;
  background-size: 0.88rem 0.88rem;
  margin-top: 0.107rem;
  width: 0.854rem;
}

.word4 {
  width: 0.187rem;
  height: 0.4rem;
  overflow-wrap: break-word;
  color: rgba(53, 64, 90, 1);
  font-size: 0.32rem;
  font-family: HelveticaNeue-Medium;
  text-align: right;
  white-space: nowrap;
  line-height: 0.4rem;
  display: block;
  margin: 0.214rem 0 0 0.374rem;
}

.TextGroup3 {
  width: 3.654rem;
  height: 1.12rem;
}

.word5 {
  width: 3.654rem;
  height: 0.587rem;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 0.426rem;
  text-align: left;
  white-space: nowrap;
  line-height: 0.587rem;
  display: block;
}

.txt4 {
  width: 2.24rem;
  height: 0.454rem;
  overflow-wrap: break-word;
  color: rgba(147, 147, 147, 1);
  font-size: 0.32rem;
  text-align: left;
  white-space: nowrap;
  line-height: 0.454rem;
  margin-top: 0.08rem;
  display: block;
}

.outer1 {
  width: 0.32rem;
  height: 0.534rem;
  background: url(/static/lanhu_zuopinzhuanji/SketchPng73bc6e840e0f3c721af27422d61126c1a89200cc4124a57f9a4d276d65654d63.png)
    0rem 0rem no-repeat;
  background-size: 0.32rem 0.587rem;
  margin-top: 0.32rem;
}

.box6 {
  width: 7.174rem;
  height: 1.12rem;
  margin: 1.414rem 0 0.934rem 0.48rem;
}

.ImageText4 {
  width: 4.694rem;
  height: 1.12rem;
}

.box7 {
  height: 0.854rem;
  background: url(/static/lanhu_zuopinzhuanji/SketchPng90a190dc1666a025481bcabcd0965228b24270a7f77ddd7055b6fb2a13c00ba6.png)
    0rem 0rem no-repeat;
  background-size: 0.88rem 0.88rem;
  margin-top: 0.107rem;
  width: 0.854rem;
}

.info3 {
  width: 0.187rem;
  height: 0.4rem;
  overflow-wrap: break-word;
  color: rgba(53, 64, 90, 1);
  font-size: 0.32rem;
  font-family: HelveticaNeue-Medium;
  text-align: right;
  white-space: nowrap;
  line-height: 0.4rem;
  display: block;
  margin: 0.214rem 0 0 0.374rem;
}

.TextGroup4 {
  width: 3.414rem;
  height: 1.12rem;
}

.word6 {
  width: 3.414rem;
  height: 0.587rem;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 0.426rem;
  text-align: left;
  white-space: nowrap;
  line-height: 0.587rem;
  display: block;
}

.word7 {
  width: 2.667rem;
  height: 0.454rem;
  overflow-wrap: break-word;
  color: rgba(147, 147, 147, 1);
  font-size: 0.32rem;
  text-align: left;
  white-space: nowrap;
  line-height: 0.454rem;
  margin-top: 0.08rem;
  display: block;
}

.outer2 {
  width: 0.32rem;
  height: 0.534rem;
  background: url(/static/lanhu_zuopinzhuanji/SketchPng73bc6e840e0f3c721af27422d61126c1a89200cc4124a57f9a4d276d65654d63.png)
    0rem 0rem no-repeat;
  background-size: 0.32rem 0.587rem;
  margin-top: 0.347rem;
}

.mod5 {
  height: 1.28rem;
  background: url(/static/lanhu_zuopinzhuanji/SketchPngcf23cdbb04bf027ac130c176dd4dfb2c5cf7b8d44eff7ae4464864a993004d71.png) -0.614rem -0.027rem
    no-repeat;
  background-size: 9.707rem 1.974rem;
  width: 8.454rem;
  margin: 0.427rem 0 0 0.8rem;
}

.wrap1 {
  width: 7.014rem;
  height: 0.907rem;
  margin: 0.187rem 0 0 0.72rem;
}

.word8 {
  width: 1.28rem;
  height: 0.454rem;
  overflow-wrap: break-word;
  color: rgba(97, 97, 97, 1);
  font-size: 0.32rem;
  font-family: PingFangSC-Medium;
  text-align: left;
  white-space: nowrap;
  line-height: 0.454rem;
  margin-top: 0.24rem;
  display: block;
}

.box8 {
  height: 0.907rem;
  background: url(/static/lanhu_zuopinzhuanji/SketchPng1f723785ddfa7cf904337b2100a3e0ed31951150d8551e439e722a6aa09524b7.png) -0.614rem -0.027rem
    no-repeat;
  background-size: 4.107rem 1.787rem;
  width: 2.32rem;
}

.word9 {
  width: 1.28rem;
  height: 0.454rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.32rem;
  font-family: PingFangSC-Medium;
  text-align: left;
  white-space: nowrap;
  line-height: 0.454rem;
  display: block;
  margin: 0.24rem 0 0 0.48rem;
}

.word10 {
  width: 1.28rem;
  height: 0.454rem;
  overflow-wrap: break-word;
  color: rgba(97, 97, 97, 1);
  font-size: 0.32rem;
  font-family: PingFangSC-Medium;
  text-align: left;
  white-space: nowrap;
  line-height: 0.454rem;
  margin-top: 0.24rem;
  display: block;
}
